<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Ip输入框</title>
	<link rel="stylesheet" href="bootstrap.min.css">
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<form action="" class="form-horizontal">
		<div class="form-group">
			<label for="ip" class="col-md-3 control-label">IP</label>
			<div class="col-md-3">
				<div class="form-control">
					<input name="ip_1" class="form-control ip" type="text"/>
					<span>.</span>
					<input name="ip_2" class="form-control ip" type="text"/>
					<span>.</span>
					<input name="ip_3" class="form-control ip" type="text"/>
					<span>.</span>
					<input name="ip_4" class="form-control ip" type="text"/>
				</div>
			</div>
		</div>
	</form>
</body>
	<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
	<script src="ipInput.js"></script>
</html>